<div id="dashboard-search-bar" class="search-bar" role="search" aria-label="Dashboard">
    <form>
        <label for="dashboard-search-input">Search Your Courses</label>
        <div>
            <input id="dashboard-search-input" type="text" class="search-field"/>
            <button type="submit" class="search-button" aria-label="Search">
                <span class="icon fa fa-search" aria-hidden="true"></span>
            </button>
            <button type="button" class="cancel-button" aria-label="Clear search">
                <span class="icon fa fa-remove" aria-hidden="true"></span>
            </button>
        </div>
    </form>
</div>
